<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>角色列表</title>
    <link rel="shortcut icon" href="../favicon.ico">
    <!---->
    <link href="../css/plugins/chosen/chosen.css" rel="stylesheet">
    <link href="../css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="../css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="../css/font-awesome.css?v=4.4.0" rel="stylesheet">

    <link href="../css/animate.css" rel="stylesheet">
    <link href="../css/style.css?v=4.1.0" rel="stylesheet">

    <link href="../css/mystyle.css" rel="stylesheet">

    <!-- 全局js -->
    <script src="../js/jquery.min.js?v=2.1.4"></script>
    <script src="../js/bootstrap.min.js?v=3.3.6"></script>
    <!--自定义-->
    <script src="../js/content.js?v=1.0.0"></script>

    <!--下拉框chosen-->
    <script src="../js/plugins/chosen/chosen.jquery.js"></script>
    <!-- layerDate plugin javascript -->
    <script src="../js/plugins/layer/laydate/laydate.js"></script>

    <!-- Bootstrap table -->
    <script src="../js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="../js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
    <script src="../js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>

    <script type="application/javascript">

        $(function() {
            //页面说明
            console.info("页面说明：\n 站内信\n" +
                    "功能：\n" +
                    "【添加】【检索】【重置】【回复】\n" +
                    "字段：\n字典名称、字典编码、类型编码\n" +
                    "创建人、创建时间、修改人、是否删除" );

            //日期范围限制
            var start = {
                elem: '#start',
                format: 'YYYY/MM/DD hh:mm:ss',
                //min: laydate.now(), //设定最小日期为当前日期
                max: '2099-06-16 23:59:59', //最大日期
                istime: true,
                istoday: false,
                choose: function (datas) {
                    end.min = datas; //开始日选好后，重置结束日的最小日期
                    end.start = datas //将结束日的初始值设定为开始日
                }
            };
            var end = {
                elem: '#end',
                format: 'YYYY/MM/DD hh:mm:ss',
                max: '2099-06-16 23:59:59',
                istime: true,
                istoday: false,
                choose: function (datas) {
                    start.max = datas; //结束日选好后，重置开始日的最大日期
                }
            };
            laydate(start);
            laydate(end);

            //下拉框js
            $(".chosen-select").chosen();

            //bootstrapTable
            var bt_data = [{
                "Tid": "1",
                "jsmc": "热力站数据统计范围！",
                "bz": "李超",
                "desc": "未读",
                "dangerous": "重要",
                "draft": "否",
                "cjz": "华热科技管理员",
                "cjsj": "2017-01-01 15:23:23",
                "cz": '<button type="button" class="btn btn-xs btn-info" onclick="editRole()"> <i class="fa fa-edit"></i>编辑</button>&nbsp;<button type="button" class="btn btn-xs btn-danger" onclick="deleteRoles()"><i class="fa fa-trash-o"></i>回复</button>&nbsp;'

            }, {
                "Tid": "1",
                "jsmc": "热力站数据统计范围！",
                "bz": "李超",
                "desc": "未读",
                "dangerous": "重要",
                "draft": "否",
                "cjz": "华热科技管理员",
                "cjsj": "2017-01-01 15:23:23",
                "cz": '<button type="button" class="btn btn-xs btn-info" onclick="editRole()"> <i class="fa fa-edit"></i>编辑</button>&nbsp;<button type="button" class="btn btn-xs btn-danger" onclick="deleteRoles()"><i class="fa fa-trash-o"></i>回复</button>&nbsp;'
            }, {
                "Tid": "1",
                "jsmc": "热力站数据统计范围！",
                "bz": "李超",
                "desc": "未读",
                "dangerous": "重要",
                "draft": "否",
                "cjz": "华热科技管理员",
                "cjsj": "2017-01-01 15:23:23",
                "cz": '<button type="button" class="btn btn-xs btn-info" onclick="editRole()"> <i class="fa fa-edit"></i>编辑</button>&nbsp;<button type="button" class="btn btn-xs btn-danger" onclick="deleteRoles()"><i class="fa fa-trash-o"></i>回复</button>&nbsp;'
            }, {
                "Tid": "1",
                "jsmc": "热力站数据统计范围！",
                "bz": "李超",
                "desc": "未读",
                "dangerous": "重要",
                "draft": "否",
                "cjz": "华热科技管理员",
                "cjsj": "2017-01-01 15:23:23",
                "cz": '<button type="button" class="btn btn-xs btn-info" onclick="editRole()"> <i class="fa fa-edit"></i>编辑</button>&nbsp;<button type="button" class="btn btn-xs btn-danger" onclick="deleteRoles()"><i class="fa fa-trash-o"></i>回复</button>&nbsp;'
            }, {
                "Tid": "1",
                "jsmc": "热力站数据统计范围！",
                "bz": "李超",
                "desc": "未读",
                "dangerous": "重要",
                "draft": "否",
                "cjz": "华热科技管理员",
                "cjsj": "2017-01-01 15:23:23",
                "cz": '<button type="button" class="btn btn-xs btn-info" onclick="editRole()"> <i class="fa fa-edit"></i>编辑</button>&nbsp;<button type="button" class="btn btn-xs btn-danger" onclick="deleteRoles()"><i class="fa fa-trash-o"></i>回复</button>&nbsp;'
            }];


            $('#exampleTableFromData').bootstrapTable({
                data: bt_data,
                pagination:true,
                striped:true,
                pageSize:2,
                pageList:[2,10,30],
                height:480
                // mobileResponsive: true,
            });
        });
    </script>
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12 col-xs-12 col-md-12 col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <form id="roles-form" role="form" class="form-horizontal m-t">
                        <input type="hidden" name="_method" value="PATCH">
                        <input type="hidden" id="pageNo" name="pageNo" value="1">

                        <div class="row">
                            <div class="col-sm-4 col-xs-4 col-md-4 col-lg-4">
                                <div class="form-group">
                                    <label class="control-label col-sm-3 col-xs-3 col-md-3 col-lg-3">收信人</label>
                                    <div class="col-sm-6 col-xs-6 col-md-6 col-lg-6">
                                        <input type="text" class="form-control" name="roleName" placeholder="请输入收信人">
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-4 col-xs-4 col-md-4 col-lg-4">
                                <div class="form-group">
                                    <label class="control-label col-sm-3 col-xs-3 col-md-3 col-lg-3">创建者</label>
                                    <div class="col-sm-6 col-xs-6 col-md-6 col-lg-6">
                                        <input type="text" class="form-control" name="roleName" placeholder="请输入创建者">
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-4 col-xs-4 col-md-4 col-lg-4">
                                <div class="form-group">
                                    <label class="control-label col-sm-3 col-xs-3 col-md-3 col-lg-3">重要性</label>
                                    <div class=" col-sm-6 col-xs-6 col-md-6 col-lg-6">
                                        <select name="useStatus" class="chosen-select form-control">
                                            <option value="">全部</option>
                                            <option value="0">重要</option>
                                            <option value="1">不重要</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-sm-4 col-xs-4 col-md-4 col-lg-4">
                                <div class="form-group">
                                    <label class="control-label col-sm-3 col-xs-3 col-md-3 col-lg-3">是否草稿</label>
                                    <div class=" col-sm-6 col-xs-6 col-md-6 col-lg-6">
                                        <select name="useStatus" class="chosen-select form-control">
                                            <option value="">全部</option>
                                            <option value="0">是</option>
                                            <option value="1">否</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-4 col-xs-4 col-md-4 col-lg-4">
                                <div class="form-group">
                                    <label class="control-label col-sm-3 col-xs-3 col-md-3 col-lg-3">信息内容</label>
                                    <div class="col-sm-6 col-xs-6 col-md-6 col-lg-6">
                                        <input type="text" class="form-control" name="roleName" placeholder="请输入信息内容">
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-4 col-xs-4 col-md-4 col-lg-4">
                                <div class="form-group">
                                    <label class="control-label col-sm-3 col-xs-3 col-md-3 col-lg-3">状态</label>
                                    <div class=" col-sm-6 col-xs-6 col-md-6 col-lg-6">
                                        <select name="useStatus" class="chosen-select form-control">
                                            <option value="">全部</option>
                                            <option value="0">未读</option>
                                            <option value="1">已读</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6 col-xs-6 col-md-6 col-lg-6">
                                <div class="form-group">
                                    <label class="control-label col-sm-2 col-xs-2 col-md-2 col-lg-2">创建时间</label>
                                    <div class="col-sm-4 col-xs-4 col-md-4 col-lg-4">
                                        <input id="start" class="laydate-icon form-control layer-date" placeholder="请输入开始时间">
                                    </div>
                                    <div class="col-sm-4 col-xs-4 col-md-4 col-lg-4">
                                        <input id="end" class="laydate-icon form-control layer-date" placeholder="请输入结束时间">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">


                        </div>

                        <div class="row">
                            <div class="col-sm-8 col-xs-8 col-md-8 col-lg-8  btn-group">

                                <button type="button" class="btn btn-sm btn-info" onclick="addRole()">
                                    <i class="fa fa-plus"></i>添加
                                </button>

                            </div>
                            <div class="btn-tools col-sm-4 col-xs-4 col-md-4 col-lg-4">

                                <button type="button" class="btn btn-sm btn-primary" onclick="getRoleList()"> 搜索
                                </button>
                                <button type="reset" class="btn btn-sm btn-success"> 重置</button>
                            </div>
                        </div>
                    </form>
                    <div class="example">
                        <table id="exampleTableFromData" data-mobile-responsive="true">
                            <thead>
                            <tr>
                                <th data-field="Tid">ID</th>
                                <th data-field="jsmc">内容</th>
                                <th data-field="bz">收信人</th>
                                <th data-field="desc">状态</th>
                                <th data-field="dangerous">重要级别</th>
                                <th data-field="draft">是否为草稿</th>
                                <th data-field="cjz">创建者</th>
                                <th data-field="cjsj">创建时间</th>
                                <th data-field="cz">操作</th>
                            </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>